define(function(require,exports,module){
    'use strict';

    var React = require('react');
    var bootstrap = require('bootstrap');
    var RecordDataList = require('./RecordDataList');
    var Pager = require('components/partial/Pager');

    module.exports = React.createClass({displayName: "exports",
        render:function(){
            var list;

            if(this.props.data.length > 0){
                list = this.props.data.map(function(item){
                    return  React.createElement(RecordDataList, {data: item})
                });
            }

            return (
                React.createElement("div", {className: "modal fade", id: this.props.id, tabindex: "-1", role: "dialog", "aria-labelledby": "myModalLabel", "aria-hidden": "true"}, 
                    React.createElement("div", {className: "modal-dialog"}, 
                        React.createElement("div", {className: "modal-content"}, 
                            React.createElement("div", {className: "modal-header"}, 
                                React.createElement("button", {type: "button", className: "close", "data-dismiss": "modal", "aria-label": "Close"}, React.createElement("span", {"aria-hidden": "true"}, "×")), 
                                React.createElement("h4", {className: "modal-title", id: "myModalLabel"}, "记录详情")
                            ), 
                            React.createElement("form", {onSubmit: this.handleSubmit}, 
                                React.createElement("div", {className: "modal-body"}, 
                                    React.createElement("table", {className: "table table-striped table-bordered table-hover"}, 
                                        React.createElement("tbody", null, 
                                            React.createElement("tr", null, 
                                                React.createElement("th", null, "记录时间"), 
                                                React.createElement("th", null, "消费时间"), 
                                                React.createElement("th", null, "金额"), 
                                                React.createElement("th", null, "分类"), 
                                                React.createElement("th", null, "备注")
                                            ), 
                                            list
                                        )
                                    )
                                ), 
                                React.createElement("div", {className: "modal-body"}, 
                                    React.createElement(Pager, React.__spread({},  this.props.pager_props))
                                ), 
                                React.createElement("div", {className: "modal-footer"}, 
                                    React.createElement("button", {type: "button", className: "btn btn-default", "data-dismiss": "modal"}, "关闭")
                                )
                            )
                        )
                    )
                )
            );
        }
    });
});